<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-home"></i> <strong>待处理事项</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="col-md-12">
				<div class="box box-info">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">地理信息系统</h4>
					</div>
					<div style="height: 100px;">
						<font color="red">地理信息系统</font>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">待接收事件列表</h4>
						</div>
						<!-- <div class="box-body">
				 	<div class="form-inline">
	                     <div class="input-group">
							<input type="text" class="form-control" id="search"  placeholder="内容丨名称丨状态" />
							<span class="input-group-btn">
							    <button type="button" name="search" id="search-btn" class="btn btn-info app-btn-search">查询</button>
								<button type="button" name="cancel" id="cancel-btn" class="btn btn-info app-btn-cancel">撤消</button>
							</span>
						</div>
						<button class="btn btn-info pull-right addBtn" >添加</button>
					</div>
			 	</div> -->
						<div class="box box-body">
							<table id="dataTableForInit"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="6%">序号</th>
										<th width="10%">操作</th>
										<th width="6%">事件名称</th>
										<th width="8%">详细内容</th>
										<th width="8%">发生时间</th>
										<th width="8%">事件编码</th>
										<th width="8%">事件类型</th>
										<th width="8%">发生地点</th>
										<th width="8%">所属网格</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
					</div>
				</div>
				<div class="col-md-6">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">待完结列表</h4>
						</div>
						<!-- <div class="box-body">
				 	<div class="form-inline">
	                     <div class="input-group">
							<input type="text" class="form-control" id="search"  placeholder="内容丨名称丨状态" />
							<span class="input-group-btn">
							    <button type="button" name="search" id="search-btn" class="btn btn-info app-btn-search">查询</button>
								<button type="button" name="cancel" id="cancel-btn" class="btn btn-info app-btn-cancel">撤消</button>
							</span>
						</div>
						<button class="btn btn-info pull-right addBtn" >添加</button>
					</div>
			 	</div> -->
						<div class="box box-body">
							<table id="dataTableForRejectBack"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="6%">序号</th>
										<th width="10%">操作</th>
										<th width="6%">事件名称</th>
										<th width="8%">详细内容</th>
										<th width="8%">发生时间</th>
										<th width="8%">事件编码</th>
										<th width="8%">事件类型</th>
										<th width="8%">发生地点</th>
										<th width="8%">所属网格</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
					</div>
				</div>

			</div>
		</section>
		<div class="modal" id="rejectBackModal">
			<div class="modal-dialog" role="dialog" style="width: 50%">
				<form id="rejectBackForm">
					<div class="modal-content">
						<input class="form-control" type="hidden" id="rejectBackId"
							name="rejectBackId" />
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>确认退回</strong>
							</h4>
						</div>
						<div class="modal-body">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="4%" align="center">退回原因:</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="rejectBackReason"
													readonly="readonly" rows="5"></textArea>
											</div>
										</td>
									</tr>
									<tr>
										<td width="4%" align="center">退回人:</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="rejectBackPerson"
													readonly="readonly" rows="1"></textArea>
											</div>
										</td>
									</tr>
									<tr>
										<td width="4%" align="center">确认退回备注:</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="rejectBackMemo" rows="5"></textArea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary saverejectBackBtn">保存</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="modal" id="backModal">
			<div class="modal-dialog" role="dialog" style="width: 50%">
				<form id="backForm">
					<div class="modal-content">
						<input class="form-control" type="hidden" id="backId"
							name="backId" />
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>操作收回</strong>
							</h4>
						</div>
						<div class="modal-body">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="4%" align="center">收回原因:</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="backMemo" rows="5"></textArea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary savebackBtn">保存</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>

		<!-- 模态框 -->
		<div class="modal" id="eventReportModal">
			<div class="modal-dialog" role="dialog" style="width: 50%">
				<form id="eventReportForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>上报事件信息</strong>
							</h4>
						</div>
						<div class="modal-body">
							<input type="hidden" name="identify" id="identify" />
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="8%" align="center">事件大类</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text"
													name="reportEventType" id="reportEventType"
													readonly="readonly" />
											</div>
										</td>
										<td width="24%" align="center" rowspan="5" colspan="3"><label
											class="col-sm-12 control-label"><img
												id="reportImgAdress" width="100%" src="" height="230px" /></label></td>
									</tr>
									<tr>
										<td width="8%" align="center">发生时间</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text" readonly="readonly"
													name="reportAccTime" id="reportAccTime" />
											</div>
										</td>

									</tr>
									<tr>
										<td width="8%" align="center">上报人</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text" name="reportUser"
													readonly="readonly" id="reportUser" />
											</div>
										</td>

									</tr>
									<tr>
										<td width="8%" align="center">联系电话</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text"
													name="reportUserPhone" readonly="readonly"
													id="reportUserPhone" />
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">所属网格</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text"
													name="reportEventToNetGrid" readonly="readonly"
													id="reportEventToNetGrid" />
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">发生地点</td>
										<td width="16%" colspan="3">
											<div class="col-md-12">
												<input class="form-control" type="text" readonly="readonly"
													name="reportAdress" id="reportAdress" />
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">事件状态</td>
										<td width="16%">
											<div class="col-md-12">
												<select name="reportEventAttrVariable"
													id="reportEventAttrVariable" class="form-control"
													datatype="*,*1-100">
													<option
														th:each="reportEventAttrVariable:${reportEventAttrVariables}"
														th:value="${reportEventAttrVariable.id}"
														th:text="${reportEventAttrVariable.title}"></option>
												</select>
											</div>
										</td>
										<td width="8%" align="center">事件流转状态</td>
										<td width="16%">
											<div class="col-md-12">
												<input class="form-control" type="text"
													name="reportEventVariable" readonly="readonly"
													id="reportEventVariable" />
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">上报事件详细内容</td>
										<td width="16%" colspan="5">
											<div class="col-md-12">
												<textArea class="form-control" id="reportContent"
													height="100px" rows="3" readonly="readonly"></textArea>
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">上报事件特别备注</td>
										<td width="16%" colspan="5">
											<div class="col-md-12">
												<textArea class="form-control" id="reportMemo"
													height="100px" rows="3" readonly="readonly"></textArea>
											</div>
										</td>
									</tr>
									<tr>
										<td width="8%" align="center">完结备注(*如直接完结,请填写完结备注)</td>
										<td width="16%" colspan="5">
											<div class="col-md-12">
												<textArea class="form-control" id="finishMemo"
													height="100px" rows="3"></textArea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary finishBtn">完结</button>
							<button type="button" class="btn btn-info dealDetailBtn">受理</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>

						</div>
					</div>
				</form>
			</div>
		</div>
		<script th:src="@{/index/indexTwo.js}"></script>
	</div>

</body>
</html>